<!DOCTYPE html>
<!-- saved from url=(0035)https://y.qq.com/portal/player.html -->
<html lang="zh-cn">

	<head>
		<title>京的怀抱-周笔畅…正在播放 北</title>
		<link rel="canonical" href="https://y.qq.com/portal/player.html">
		<link rel="stylesheet" href="css/player_0412.css">
		
		<script id="requirenode" async="" src="js/mod.js"></script>
		<link rel="stylesheet" type="text/css" href="css/qb-ie-remind.css">
		<script charset="utf-8" async="" src="js/qblog.js"></script>
	</head>

	<body onunload="document.cookie=&#39;yplayer_open=0;path=/;domain=y.qq.com;&#39;" class="os_mac" style="background-color: rgb(32, 47, 97);">
		<h1 class="player_logo"><a href="https://y.qq.com/#stat=y_new.player.header.logo" onclick="setStatCookie&amp;&amp;setStatCookie();" rel="noopener" target="_blank"><img class="player_logo__pic" srcset="images/player_logo@2x.png 2x" src="images/player_logo.png" alt="QQ音乐"></a></h1>
		<div class="mod_player_login">
			<div class="player_login__guide">
				QQ音乐，千万高品质曲库尽享
				<a href="javascript:;" class="player_login__guide_btn js_floatLayer_download"><i class="player_login__guide_icon sprite"></i>客户端下载</a>
			</div>
			<span id="player_login" style="display:none;">
		<a class="player_login__link" href="javascripr:;">
		</a>
		<a href="javascript:;" class="player_login__out js_logout" data-stat="y_new.player.header.logout">退出</a>
		<a class="player_login__link player_login__link--set js_opts_login" href="javascript:;"><span class="player_login__txt">设置</span></a>
			</span>
			<a class="player_login__link" href="./personalInfo.html" target="_blank" rel="noopener noreferrer"><img id="head_portrait" src="" class="player_login__cover" alt=""><img src="//y.qq.com/mediastyle/yqq/img/login_qq.png?max_age=2592000" class="player_login__icon"><span class="player_login__txt"> 　</span></a>
			<a class="player_login__link player_login__link--set js_opts_unlogin" href="javascript:;"><span class="player_login__txt">设置</span></a>
		</div>

		<div class="mod_player">
			<div class="player__hd"></div>
			<div class="player__bd">
				<!-- 默认 -->
				<div class="player_style_normal js_box js_full_box" style="display:;">
					<div class="mod_songlist_toolbar">
						<a href="javascript:;" class="mod_btn js_all_like" data-stat="y_new.player.songlist.loveall"><i class="mod_btn_green__icon_like"></i>收藏<span class="mod_btn__border"></span></a>
						<a href="javascript:;" class="mod_btn js_all_fav" data-stat="y_new.player.songlist.addall"><i class="mod_btn_green__icon_add"></i>添加到<span class="mod_btn__border"></span></a>
						<a href="javascript:;" class="mod_btn js_all_down" data-stat="y_new.player.songlist.downloadall"><i class="mod_btn_green__icon_down"></i>下载<span class="mod_btn__border"></span></a>
						<a href="javascript:;" class="mod_btn js_all_delete" data-stat="y_new.player.songlist.deleteall"><i class="mod_btn_green__icon_delete"></i>删除<span class="mod_btn__border"></span></a>
						<a href="javascript:;" class="mod_btn js_all_deleted" data-stat="y_new.player.songlist.deleteallonce"><i class="mod_btn_green__icon_clear"></i>清空列表<span class="mod_btn__border"></span></a>
					</div>
					<div class="sb_scrollable sb_main sb_viewport">

						<!-- 主要内容_S -->
						<div class="sb_overview" style="height: 272px;">

							<!-- 编辑模式 mod_songlist--edit -->
							<div class="mod_songlist mod_songlist--edit">
								<i class="player_songlist__line"></i>
								<ul class="songlist__header">
									<li class="songlist__edit sprite">
										<input type="checkbox" class="songlist__checkbox js_check_all" data-stat="y_new.player.songlist.checkall">
									</li>
									<li class="songlist__header_name">歌曲</li>
									<li class="songlist__header_author">歌手</li>
									<li class="songlist__header_time">时长</li>
								</ul>
								<i class="player_songlist__line"></i>
								<ul class="songlist__list" id="song_box">
								<!-- =========================歌曲列表========================= -->
									<li mid="233236837" ix="0" data-page="player" data-stat="y_new.player.songlist.dbclick">
										<div class="songlist__item">
											<div class="songlist__edit sprite">
												<input type="checkbox" class="songlist__checkbox">
											</div>
											<div class="songlist__number">1</div>
											<div class="songlist__songname">
												<span class="songlist__songname_txt" title="北京的怀抱">北京的怀抱</span>
												
											</div>
											
											<div class="songlist__artist" title="周笔畅">

												<a href="https://y.qq.com/n/yqq/singer/004HlS192u9J5g.html" data-singermid="004HlS192u9J5g" data-singerid="4610" title="周笔畅" data-stat="y_new.player.songlist.singername" class="singer_name" data-page="player">周笔畅</a>

											</div>
											<div class="songlist__time">05:07</div>
											<div class="songlist__other">

											</div>
											<a href="javascript:;" class="songlist__delete js_delete" data-page="player" data-stat="y_new.player.songlist.delete" title="删除"><span class="icon_txt">删除</span></a>
											<i class="player_songlist__line"></i>
										</div>
									</li>

									<li mid="233236836" ix="1" data-page="player" data-stat="y_new.player.songlist.dbclick">
										<div class="songlist__item">
											<div class="songlist__edit sprite">
												<input type="checkbox" class="songlist__checkbox">
											</div>
											<div class="songlist__number">2</div>
											<div class="songlist__songname">
												<span class="songlist__songname_txt" title="北京的怀抱 (伴奏)">北京的怀抱 (伴奏)</span>
												
											</div>

											<div class="songlist__artist" title="周笔畅">

												<a href="https://y.qq.com/n/yqq/singer/004HlS192u9J5g.html" data-singermid="004HlS192u9J5g" data-singerid="4610" title="周笔畅" data-stat="y_new.player.songlist.singername" class="singer_name" data-page="player">周笔畅</a>

											</div>
											<div class="songlist__time">05:07</div>
											<div class="songlist__other">

											</div>
											<a href="javascript:;" class="songlist__delete js_delete" data-page="player" data-stat="y_new.player.songlist.delete" title="删除"><span class="icon_txt">删除</span></a>
											<i class="player_songlist__line"></i>
										</div>
									</li>
									<!-- =========================歌曲列表========================= -->
								</ul>
							</div>
						</div>
						<!-- 主要内容_E -->
						<!-- 模拟滚动条 S -->
						<div class="scroll_area sb vertical" style="display:none;">
							<div class="scroll_bg sb_bg">
								<div class="scroll_bg_cont sb_bg_cont"></div>
							</div>
							<div class="scroll_bar sb_thumb" style="height:0px;">
								<div class="scroll_bar_cont sb_thumb_cont" style="height:0px;"></div>
							</div>
						</div>
						<!-- 模拟滚动条 E -->
					</div>

					<div class="mod_song_info" id="song_info">
						<div class="song_info__info">
							<a href="javascirpt:;" class="song_info__cover js_album" data-stat="y_new.player.info_area.albumpic">
								<img src="images/T002R300x300M000004Hpmb00ySt4F.jpg" id="song_pic" alt="" class="song_info__pic">
							</a>
							<div class="song_info__name" id="song_name">歌曲名：</div>
							<div class="song_info__singer" id="singer_name">歌手名：</div>
						</div>
						<div class="song_info__lyric">
							<div class="song_info__lyric_box js_lyric_box">
								<!-- 控制song_info__lyric_inner来做滚动 -->
								<div class="song_info__lyric_inner qrc_ctn" id="qrc_ctn" data-mod="1" style="transition: -webkit-transform 0.1s ease-out 0s; transform: translateY(25px);">
									<p data-id="line_null">&nbsp;</p>
									<p data-id="line_0" class="">北京的怀抱 - 周笔畅</p>
									<p data-id="line_1" class="">词：李劲</p>
									<p data-id="line_2" class="">曲：亢竹青</p>
									<p data-id="line_3">编曲：亢竹青</p>
									<p data-id="line_4">制作人：亢竹青</p>
									<p data-id="line_5">吉他：刘麟</p>
									<p data-id="line_6">贝斯：刘玥</p>
									<p data-id="line_7">鼓手：鲁超</p>
									<p data-id="line_8" class="on">弦乐：国际首席爱乐乐团</p>
									<p data-id="line_9">录音：周晓明/张俊</p>
									<p data-id="line_10">混音：周晓明</p>
									<p data-id="line_11">宣传：陈龄妃</p>
									<p data-id="line_12">发行：王世佳</p>
									<p data-id="line_13">发行：北京青牧雨文化传媒有限公司</p>
									<p data-id="line_14">一个城就是五湖四海</p>
									<p data-id="line_15">一座楼装着世界大千</p>
									<p data-id="line_16">祖传的美貌在你的魂魄里</p>
									<p data-id="line_17">幸福的味道挥洒在汗水间</p>
									<p data-id="line_18">一面旗就是东方容颜</p>
									<p data-id="line_19">一个梦装着千秋百年</p>
									<p data-id="line_20">看过了太多的星移斗转</p>
									<p data-id="line_21">你的爱海枯石烂也不改变</p>
									<p data-id="line_22">这里的万水千山</p>
									<p data-id="line_23">这里的瞬息万变</p>
									<p data-id="line_24">都在你指缝间流转</p>
									<p data-id="line_25">一只脚踏着从前</p>
									<p data-id="line_26">一只脚走向明天</p>
									<p data-id="line_27">你的胸怀海阔天宽</p>
									<p data-id="line_28">一面旗就是东方容颜</p>
									<p data-id="line_29">一个梦装着千秋百年</p>
									<p data-id="line_30">看过了太多的星移斗转</p>
									<p data-id="line_31">你的爱海枯石烂也不改变</p>
									<p data-id="line_32">这里的万水千山</p>
									<p data-id="line_33">这里的瞬息万变</p>
									<p data-id="line_34">都在你指缝间流转</p>
									<p data-id="line_35">一只手托着风雨</p>
									<p data-id="line_36">一只手牵着春天</p>
									<p data-id="line_37">你的远方光明灿烂</p>
									<p data-id="line_38">这里的万水千山</p>
									<p data-id="line_39">这里的瞬息万变</p>
									<p data-id="line_40">一只手托着风雨</p>
									<p data-id="line_41">一只手牵着春天</p>
									<p data-id="line_42">这里的万水千山</p>
									<p data-id="line_43">这里的瞬息万变</p>
									<p data-id="line_44">都在你指缝间流转</p>
									<p data-id="line_45">一只手托着风雨</p>
									<p data-id="line_46">一只手牵着春天</p>
									<p data-id="line_47">你的远方光明灿烂</p>
									<p data-id="line_48">你的明天光明灿烂</p>
								</div>
							</div>
						</div>
						<a href="javascript:;" class="btn_lang btn_lang--select js_trans_btn" style="display:none;"><i class="icon_txt">开启音译歌词</i></a>
					</div>
				</div>
			</div>
			<div class="player__ft" id="opbanner">
				<a href="javascript:;" class="btn_big_prev" title="alt+←"><span class="icon_txt">上一首</span></a>
				<a href="javascript:;" class="btn_big_play" id="play" title="[空格]" id="play"><span class="icon_txt">播放</span></a>
				<a href="javascript:;" class="btn_big_next" title="alt+→"><span class="icon_txt">下一首</span></a>
				<div class="player_music">
					<div class="player_music__info" id="sim_song_info">
							<span>XX</span> - <span>XXX</span>
					</div>
					<div class="player_music__time" id="time_show">00:02 / 05:07</div>
					<div class="player_progress" id="progress">
						<div class="player_progress__inner" id="spanplayer_bgbar" title="[快进ctrl+alt+→][快退ctrl+alt+←]">
							<div class="player_progress__load" id="downloadbar" style="width: 88%;"></div>
							<div class="player_progress__play" style="width:0%;" id="spanplaybar"><i class="player_progress__dot" id="spanprogress_op"></i></div>
						</div>
					</div>
				</div>
				<div>
					<a href="javascript:;" class="btn_big_style_list" id="play_mod" title="列表循环[O]"><span class="icon_txt">列表循环[O]</span></a>
				</div>
				<a href="javascript:;" class="btn_big_like js_btn_fav" title="喜欢[V]"><span class="icon_txt">喜欢[V]</span></a>
				<a href="javascript:;" class="btn_big_down js_btn_down" title="下载[D]"><span class="icon_txt">下载[D]</span></a>
				<a class="mod_btn_comment js_into_comment btn_comment99" data-stat="y_new.player.gotocomment" href="https://y.qq.com/n/yqq/song/000KTlIB0k1VxX.html#comment_box" style="" target="_blank"><span class="btn_comment__numbers"><i class="btn_comment__numb btn_comment__numb_8"></i><i class="btn_comment__numb btn_comment__numb_1"></i><i class="btn_comment__numb btn_comment__numb_9"></i></span><span class="icon_txt">评论</span></a>
				
				<!-- <a href="javascript:;" class="btn_big_only btn_big_only--on"><span class="icon_txt">关闭纯净模式</span></a> -->
				<div class="player_progress player_voice" id="voice">
					<a href="javascript:;" class="btn_big_voice" id="spanmute" title="关闭声音[M]"><span class="icon_txt">关闭声音[M]</span></a>
					<!-- <a href="javascript:;" class="btn_big_voice btn_big_voice--no"><span class="icon_txt">打开声音</span></a> -->
					<div class="player_progress__inner" id="spanvolume" title="调节音量 [增大alt+↑][减小alt+↓]">
						<div class="player_progress__play" style="width: 75%;" id="spanvolumebar"><i class="player_progress__dot" id="spanvolumeop"></i></div>
					</div>
				</div>
			</div>
		</div>

		<div class="bg_player_mask"></div>
		<div class="bg_player"  id="backImg"></div>

		<a href="javascript:;" class="btn_bottom_feedback js_btn_feedback" style="display:none;"></a>
		<div class="div_audio">
        <audio id="audio" controls="controls" autoplay="autoplay">
            <!-- <source id="music" src="" type="audio/mpeg"></source> -->
        </audio>
        
    </div>
    <div id="lrc" style="display:none;">
    </div >
	</body>
	<script src="./js/jquery-3.2.1.js"></script>
	<script>
	//获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }
	var musicId = getUrlParam("musicId");//歌曲id
	var songSheet = getUrlParam("broadcastingStationId");//电台id
	var content = "";//歌词内容
    var lrc = "";
	var audio = document.getElementById("audio");//歌曲对象
	var sngDuration = "00:00";
	var time = 1;
	var i = 0;
	
	//======获取歌曲
	function musicAudio(){
		//发送ajax获取数据库歌曲
		$.ajax({
			type:"get",
			url:"../music", 
			data:{
				op:"music", // 请求
				musicId:musicId
			},
			dataType:"json",
			success:function(music,audio){ 
				//获取歌曲
				audio = document.getElementById("audio");
				$('audio').attr('src', "../FileDownloadServlet?type=mp3&fileName="+music.musicMp3.musicMp3Path);
				if(i==0){
					i++;
					audio.pause();
				}
				//$("#audio").html("<source src=\"../FileDownloadServlet?type=mp3&fileName="+music.musicMp3.musicMp3Path+"\" type=\"audio/mpeg\"></source>");
				//获取所有歌词
				$('#lrc').load("../FileDownloadServlet?type=lrc&fileName=" + music.musicLyric.musicLyrName);
				$("#sim_song_info").html("<span>"+music.musicName+"</span> - <span>"+music.singger.singgerName+"</span>");
				$("#song_pic").attr('src',"../FileDownloadServlet?type=image&fileName="+music.musicImgPath);
				$("#song_name").html("歌曲名："+music.musicName);
				$("#singer_name").html("歌手名："+music.singger.singgerName);
				$("title").html(music.musicName+" - "+music.singger.singgerName);
				audio = document.getElementById("audio");
			}
		})
	}
	//填充歌词
	function setLrc(content){
		content="";
		 var lrcArr = $("#lrc").text().split('\n');
         for (var i = 2; i < lrcArr.length; i++) {
             //空白歌词不进行加载
             if (lrcArr[i].substring(10) != "") {
                 content += "<p data-id="+(i-2)+">"+lrcArr[i].substring(10)+"</p>"
             }
         }
         $('#qrc_ctn').html(content);
	}
	//填充歌曲时长
	function setTime(){
		time = audio.duration;
		var minute = parseInt(time / 60);//分钟
        minute = minute == 0 ? "00" : (minute + "").length < 2 ? "0" + minute : minute;
        //获取秒数
        var second = (parseInt(time)) % 60;
        second = second == 0 ? "00" : (second + "").length < 2 ? "0" + second : second;
        //填充歌曲时长
        sngDuration = minute+":"+second;
        $("#time_show").html("00:00/"+sngDuration)
	}
	$(function(){
		
		//获得歌曲,设置歌曲对象
		musicAudio();
        setTimeout(function(){
           setLrc(content);
        }, 1000)
		
		//设置时间
		setTimeout(function(){
			setTime(time,sngDuration);
		},2000); 
		$("#play").click(function(){
			if (audio.paused){ //判断当前的状态是否为暂停，若是则点击播放，否则暂停
		        audio.play();
				$(this).addClass("btn_big_play--pause");
		    }else{
		        audio.pause();
		        $(this).removeClass("btn_big_play--pause");
		    }
		})
		var i = 25;
		var x = 0;
		//监听音乐播放，从而改变进度条,滚动歌词
		audio.ontimeupdate = function(){
			$("#spanplaybar").width(audio.currentTime/time*$("#progress").width());
			//获取播放进度(转换的格式为: 00:00)
            var minute = parseInt(audio.currentTime / 60);//分钟
            minute = minute == 0 ? "00" : (minute + "").length < 2 ? "0" + minute : minute;
            //获取秒数
            var second = (parseInt(audio.currentTime)) % 60;
            second = second == 0 ? "00" : (second + "").length < 2 ? "0" + second : second;
            //播放时间自动更新
            $("#time_show").html(minute+":"+second+"/"+sngDuration);
            //歌词滚动
            var regex = new RegExp('\\[' + (minute + ":" + second) + '.+\\].+\n');
            var text = regex.exec($('#lrc').text());
            if (text != null) {
            	$(".on").removeClass("on");
            	let x = 0;
            	$.each($("#qrc_ctn").children(),function(index,lrc){
            		
            		if(lrc.innerText.trim() == text[0].substring(10).trim()){
            			$(lrc).addClass("on");
            			x = index;
            			return false;
            		}
            	});
             if(x>=3){
             	$("#qrc_ctn").css("transform","translateY(" +i +"px)");
             	i=25-34*(x-3);
             }    
          }
        } 
		
		
		var ox = 0, left = 0;
		var flag = false;
		//进度条点击事件
		$("#progress").click(function(e){
			//点击改变进度条
			left = e.pageX-$(this).offset().left
			$("#spanplaybar").width(left);
			audio.currentTime = $("#spanplaybar").width()/$("#progress").width()*time;
		});
		
		$("#spanprogress_op").mousedown(function(e){
			ox = e.pageX - left;
			//点击进度图标才可进入进度条移动事件
			flag = true;
		});
		 $(document).mouseup(function() {
			if(flag){
				//松开鼠标进度图标不可进入进度条移动事件
				flag = false;
				//audio.currentTime = $("#spanplaybar").width()/$("#progress").width()*time;
			}
			if(flag2){
				//松开鼠标进度图标不可进入进度条移动事件
				flag2 = false;
			}
			
		});
		$(document).mousemove(function(e){
			if(flag){
				//拖动事件
				if(e.pageX-ox<=$("#progress").width()){
					$("#spanplaybar").width(e.pageX-ox);
				}
			}
			if(flag2){
				//拖动事件
				if(e.pageX-vx<=$("#voice").width()){
					audio.muted = false;
					$("#spanvolumebar").width(e.pageX-vx);
					audio.volume = (e.pageX-vx)/$("#voice").width();
					 $("#spanmute").removeClass("btn_big_voice--no");
				}
			}
		});
		
		$("#spanmute").click(function(){
			if (audio.muted){ //判断当前的状态是否为静音
		        audio.muted = false;
		        $(this).removeClass("btn_big_voice--no");
		        $("#spanvolumebar").width(audio.volume*100+"%");
		        
		    }else{
		        audio.muted = true;
		        $("#spanvolumebar").width(0);
		        $(this).addClass("btn_big_voice--no");
		    }
		})
		
		var vx = 0, leftVolume = 0;
		var flag2 = false;
		//进度条点击事件
		$("#spanvolume").click(function(e){
			//audio.muted = false;
			//点击改变进度条
			leftVolume = e.pageX-$(this).offset().left
			$("#spanvolumebar").width(leftVolume);
			if(leftVolume>= 0){
				audio.volume = leftVolume/$("#voice").width();
				$("#spanmute").removeClass("btn_big_voice--no");
				
			}
		});
		$("#spanvolumeop").mousedown(function(e){
			vx = e.pageX - leftVolume;
			//点击进度图标才可进入进度条移动事件
			flag2 = true;
		});
		//==========获取登录用户歌单==================
		if(songSheet != null){
			$.ajax({
				type:"get",
				url:"../SessionServlet",
				data:{
					op:"usersession"
				},
				dataType:"json",
				success:function(userInfo){
					$("#head_portrait").attr('src',"../FileDownloadServlet?type=image&fileName="+userInfo.userImgPath);
					//====获得用户歌曲列表
					$.ajax({
						type:"get",
						url:"../music",
						data:{
							op:"songSleetId",
							songSleetId:songSheet
						},
						dataType:"json",
						success:function(musicList){
							let content = "";
							$.each(musicList,function(index,music){
								content +="<li mid=\"233236837\" ix=\"0\" data-page=\"player\" data-stat=\"y_new.player.songlist.dbclick\">"+
												"<div class=\"songlist__item\">"+
												"<div class=\"songlist__edit sprite\">"+
													"<input type=\"checkbox\" class=\"songlist__checkbox\">"+
												"</div>"+
												"<div class=\"songlist__number\">"+music.musicId+"</div>"+
												"<div class=\"songlist__songname\">"+
													"<span class=\"songlist__songname_txt\" >"+music.musicName+"</span>"+
												"</div>"+
												"<div class=\"songlist__artist\" >"+
													"<a href=\"javascript:;\" data-singermid=\"004HlS192u9J5g\" data-singerid=\"4610\"  data-stat=\"y_new.player.songlist.singername\" class=\"singer_name\" data-page=\"player\">"+
													music.singger.singgerName+"</a>"+
												"</div>"+
												"<div class=\"songlist__time\">"+music.duration+"</div>"+
												"<div class=\"songlist__other\">"+
												"</div>"+
												"<a href=\"javascript:;\" class=\"songlist__delete js_delete\" data-page=\"player\" data-stat=\"y_new.player.songlist.delete\" title=\"删除\"><span class=\"icon_txt\">删除</span></a>"+
												"<i class=\"player_songlist__line\"></i>"+
											"</div>"+
										"</li>"; 
							});
							$("#song_box").html(content);
						} 
					});
				}
			});
		}else{
			$.ajax({
				type:"get",
				url:"../SessionServlet",
				data:{
					op:"usersession"
				},
				dataType:"json",
				success:function(userInfo){
					$("#head_portrait").attr('src',"../FileDownloadServlet?type=image&fileName="+userInfo.userImgPath);
					//====获得用户歌曲列表
					$.ajax({
						type:"get",
						url:"../music",
						data:{
							op:"userId",
							userId:userInfo.userId
						},
						dataType:"json",
						success:function(musicList){
							let content = "";
							$.each(musicList,function(index,music){
								content +="<li mid=\"233236837\" ix=\"0\" data-page=\"player\" data-stat=\"y_new.player.songlist.dbclick\">"+
												"<div class=\"songlist__item\">"+
												"<div class=\"songlist__edit sprite\">"+
													"<input type=\"checkbox\" class=\"songlist__checkbox\">"+
												"</div>"+
												"<div class=\"songlist__number\">"+music.musicId+"</div>"+
												"<div class=\"songlist__songname\">"+
													"<span class=\"songlist__songname_txt\" >"+music.musicName+"</span>"+
												"</div>"+
												"<div class=\"songlist__artist\" >"+
													"<a href=\"javascript:;\" data-singermid=\"004HlS192u9J5g\" data-singerid=\"4610\"  data-stat=\"y_new.player.songlist.singername\" class=\"singer_name\" data-page=\"player\">"+
													music.singger.singgerName+"</a>"+
												"</div>"+
												"<div class=\"songlist__time\">"+music.duration+"</div>"+
												"<div class=\"songlist__other\">"+
												"</div>"+
												"<a href=\"javascript:;\" class=\"songlist__delete js_delete\" data-page=\"player\" data-stat=\"y_new.player.songlist.delete\" title=\"删除\"><span class=\"icon_txt\">删除</span></a>"+
												"<i class=\"player_songlist__line\"></i>"+
											"</div>"+
										"</li>"; 
							});
							$("#song_box").html(content);
						} 
					});
					//====获得用户歌曲列表
				}
			});
		}
		$(document).on("click", ".songlist__songname_txt", function(){
			$("#play").addClass("btn_big_play--pause");
			musicId = $(this).parent().prev().text();
			//获得歌曲,设置歌曲对象
			musicAudio();
	        setTimeout(function(){
	           setLrc(content);
	        }, 1000)
			//设置时间
			setTimeout(function(){
				setTime(time,sngDuration);
			},2000); 
	        
		});
		//下一首
		$(".btn_big_next").click(function(){
			$("#play").addClass("btn_big_play--pause");
			$.each($("#song_box li"),function(index,music){
				let flag2 = true;
				if(musicId ==$(this).find(".songlist__number").html()){
					if((index+1) == $("#song_box li").length){
						flag2 = false;
						musicId =$("#song_box li:first").find(".songlist__number").html();
						//获得歌曲,设置歌曲对象
						musicAudio();
				        setTimeout(function(){
				           setLrc(content);
				        }, 1000)
						//设置时间
						setTimeout(function(){
							setTime(time,sngDuration);
						},2000); 
						return false;
					}else{
						flag2 = false;
						musicId =$(this).next().find(".songlist__number").html();
						//获得歌曲,设置歌曲对象
						musicAudio();
				        setTimeout(function(){
				           setLrc(content);
				        }, 1000)
						//设置时间
						setTimeout(function(){
							setTime(time,sngDuration);
						},2000); 
						return false;
					}
				}
			})
			//当没有找到匹配歌曲是播放第一首
			if(flag2){
				musicId =$("#song_box li:first").find(".songlist__number").html();
				//获得歌曲,设置歌曲对象
				musicAudio();
		        setTimeout(function(){
		           setLrc(content);
		        }, 1000)
				//设置时间
				setTimeout(function(){
					setTime(time,sngDuration);
				},2000); 
			}
		});
		//上一首
		$(".btn_big_prev").click(function(){
			$("#play").addClass("btn_big_play--pause");
			$.each($("#song_box li"),function(index,music){
				let flag2 = true;
				if(musicId ==$(this).find(".songlist__number").html()){
					if(0 == index){
						flag2 = false;
						musicId =$("#song_box li:last").find(".songlist__number").html();
						//获得歌曲,设置歌曲对象
						musicAudio();
				        setTimeout(function(){
				           setLrc(content);
				        }, 1000)
						//设置时间
						setTimeout(function(){
							setTime(time,sngDuration);
						},2000); 
						return false;
					}else{
						flag2 = false;
						musicId =$(this).prev().find(".songlist__number").html();
						//获得歌曲,设置歌曲对象
						musicAudio();
				        setTimeout(function(){
				           setLrc(content);
				        }, 1000)
						//设置时间
						setTimeout(function(){
							setTime(time,sngDuration);
						},2000); 
						return false;
					}
				}
			})
			//当没有找到匹配歌曲是播放第一首
			if(flag2){
				musicId =$("#song_box li:first").find(".songlist__number").html();
				//获得歌曲,设置歌曲对象
				musicAudio();
		        setTimeout(function(){
		           setLrc(content);
		        }, 1000)
				//设置时间
				setTimeout(function(){
					setTime(time,sngDuration);
				},2000); 
			}
		});
		$(".btn_big_down").click(function(){
			let aud = document.getElementById('audio'); // 获取要下载的歌曲
	        let url = aud.src;                            // 获取歌曲地址
	        let a = document.createElement('a');          // 创建一个a节点插入的document
	        let event = new MouseEvent('click')           // 模拟鼠标click点击事件
	        a.download = 'beautifulGirl'                  // 设置a节点的download属性值
	        a.href = url; 								  // 将歌曲的src赋值给a节点的href
	        a.dispatchEvent(event); 					  // 触发点击事件
		});
	})
	</script>
</html>